
@function px2rem($px, $base-font-size:75px) {
  @if (unitless($px)) {
      @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
      @return px2rem($px + 0px); // That may fail.
  }
  @else if (unit($px)==rem) {
      @return $px;
  }
  @return ($px / $base-font-size) * 1rem;
}
@mixin text-overflow-1{
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@mixin text-overflow-2{
  -webkit-line-clamp:2;  
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@mixin text-overflow-3{
  -webkit-line-clamp:3;
 
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}


@mixin vhcenter{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}